Mes projets et réalisations

• comment obtenir le dictionnaire de mots ?
• comment trouver chaque combinaisons possible ?
• comment optimiser et augmenter la rapidité d'exection ?

Une fois réalisé, je l'ai mis en ligne rapidement, sans design.

Définition : L'anagramme d'un mot est un autre mot composé des mêmes lettres.

Par hazard, je me suis rendu compte le service d'analyse d'audience affichait des statistiques plutôt élevées, des internautes y trouvaient leur interet.

J'ai donc décidé de le refaire avec un bon rafraichissement et l'étoffant :

• Webdesign
• Mise en cache
• Multilangue : français / anglais / espagnol
• Articles de blog

EDIT : 2023-04-15 : ajout de la langue portugaise

Ce site rassemble plusieurs outils au format web. J'ai la volonté de faire évoluer ce site régulièrement en ajoutant de nouvelles fonctionnalités.Dans un souci d'optimisation, j'ai utilisé GruntJS couplé à NodeJS. Ainsi, à chaque modification de CSS ou JS, j'ai fait en sorte que tous mes fichiers CSS soient regroupés en un seul fichier compressé, de même pour les fichiers javascript. Celà permet de gagner en temps de chargement et diminue le nombre de requêtes (un seul appel à un seul fichier).

Pour le moment, il y a deux outils :

• Connaitre son IP
• Crypter une chaine de caractère en MD5

Edit :

8/01/2014 : Pour le début des soldes, voici un outils pour calculer un prix soldé.

19/01/2014 : A partir d'une adresse email, trouvez votre image gravatar.

Merci à Clément Mégnin pour le coup de main webdesign.

Un site pour partager nos bonnes résolutions en cette nouvelle année.

Ne manquer pas son petit frère : http://mauvaisesresolutions.free.fr/

Merci à Clément Mégnin pour le coup de main webdesign.

Un site pour partager nos mauvaises résolutions en cette nouvelle année.

Ne manquer pas son petit frère : http://mesbonnesresolutions.free.fr/

Merci à Clément Mégnin pour le coup de main webdesign.

Basé sur une idée de Mathieu Kister, j'ai développé ce site pour permettre de partager sa liste des choses à faire avant la fin du monde.

Mathieu m'a lancé un défi de créer un site en une semaine. Défis difficile à tenir pendant une semaine travaillée, mais la version à la fin de la semaine était fonctionnelle. J'ai préféré afiner plusieurs choses les semaines suivantes.

Ce site est survenu pendant le dévelopement du site du Chadenas, mon premier site en responsive design. J'ai donc appliqué cette notion à Wishlist2012.

Le site est composé d'un formulaire pour saisir sa liste, et des boutons de partage aux réseaux sociaux pour chacune d'entres elles. Pour améliorer le partage, j'ai mis des balises Open Graph.

Winnerhorse a demandé à POZPC de leur créé un site internet sur son activité : le cheval.

Le client avait un besoin de gérer son contenu fourni. POZPC ne souhaitant pas faire de webmastering, une gestion de contenu était indispensable. Après un benchmark de plusieurs CMS, nous avons opté pour le CMS madesimple.

Après une prise en main rapide, j'ai intégré le design fourni et développé des modules necessaires, notamment un régie publicitaire et une base de données très complexe de races de chevaux. J'ai découvert l'univers équestre.

Puis le client a souhaité mettre en ligne tout un tas de vidéos. Plusieurs contraintes sont rapidement apparues :

• upload de fichiers lourds
• convertion de vidéos coté serveur
• player web permettant la lecture des vidéos converties
• un hébergement adéquat (place disque et bande passante)

Après plusieurs recherches, il existe un système en PERL qui uploaderait un fichier de taille infini.

Il est possible de manipuler les vidéos grâce à la librairie LINUX FFMPEG et l'extention PHP ffmpeg-php.

Finalement, plutôt que de réinventer un Youtube, j'ai découvert une sorte de CMS vidéo : PHPMotion. Pour la petite histoire, ce service utilise toutes les technologies qui me paraissait les plus apropriées.

Finalement, après avoir trouvé un autre emploi chez NOE interactive, je n'ai pas mis en place ce YouTube-Like.

Depuis août 2008, je suis en télétravail avec POZPC. J'ai l'occasion de travailler sur plusieurs projets, notamment celui-ci : Cultureshop.fr est un site internet de vente en ligne de spectacles. Je me suis occupé du développement du site :

• gestion des types de spectacles et des spectacles et de leurs statuts (coup de coeur, promotion, nouveautés)
• gestion des membres (acheteurs, vendeurs, administrateurs) et de leurs inscriptions
• gestion des commandes
• génération de facture au format PDF (avec la classe PHP FPDF)
• paiement en ligne (Paypal)
• gestion d'encarts publicitaires
• recherche avancée
• système de newsletter
• URL Rewriting

J'ai créé un script JavaScript couplé à du PHP pour le système d'images défilantes toutes les 10 secondes en page d'accueil. La recherche avancée utilise des expressions régulières appliquées aux requêtes SQL. Pour le référencement, le site est en XHTML (valide W3C), un URL Rewriting a été mis en place et chaque page possède un titre, des mots clés et une descriptions différente. Un sitemap est également généré automatiquement. Le système de vente en ligne doit suivre un processus :

• Un acheteur passe commande
• Le vendeur peut accepter ou non la commande.
• Si la commande est acceptée, l'acheteur doit accepter ou non les conditions de vente
• Si les conditions de vente sont acceptées, l'acheteur peut procéder au paiement de la commission de CultureShop par PayPal, chèque ou virement.
• CultureShop procède enfin à la mise en contact l'acheteur et le vendeur.

A chacune de ces étapes, les protagonistes et les administrateurs reçoivent un mail récapitulatif. J'ai utilisé la librairie Mootools pour le menu en accordéon et Milkbox, adapté à partir de Mootools pour l'aperçu des affiches des spectacles.

Depuis août 2008, je suis en télétravail avec POZPC. J'ai l'occasion de travailler sur plusieurs projets, notamment celui-ci : Versatilestudranch.fr est un site internet dynamique pour un centre équestre. Le site existe depuis plusieurs années et a nécessité des évolutions :

• une gestion dynamique (autrefois statique) des chevaux a entraîné une modification du front-office et du back-office avec création d'une table.
• une galerie photo par cheval (upload).
• un nouveau système de vidéo : les vidéos uploadées étaient téléchargeables. Dorénavant, elles sont visibles en streaming.
• diverses modifications de contenu statique (tarif/plan/adresse, images ...).
• actualisation du Back-office : POZPC a utilisé après la création de ce site une charte graphique pour les back-office de leurs clients. Je l'ai donc remis en forme pour correspondre à ce design.

Pour la galerie photo, j'ai utilisé Milkbox, adapté au framework Mootools pour donner un design agréable et dynamique.

Pour le système de vidéo, j'ai proposé d'utiliser un système proche de celui que j'avais choisi pour le site des Sales Majestés. J'ai donc utilisé le "JW PLAYER" de jeroenwijering qui permet, entre autres, d'afficher un lecteur de vidéo en streaming issu du site d’hébergement de vidéos "Youtube". Il a fallu donc créer un compte Youtube pour administrer les vidéos. De plus, afin que le fichier swf renvoie les vidéos souhaitées, il faut lui donner en paramètre un fichier xml. Après recherches, Youtube créé de nombreux flux RSS, dont celui pour chaque compte : http://gdata.youtube.com/feeds/api/users/nom_de_l_utilisateur/uploads.

Avec Folly, un camarade de classe de BTS, j'ai réalisé le site pour un vendeur d'escargot de l'Ain, une connaissance de ce camarade. Il s'est occupé du design et du contact avec le client et moi du développement et de la mise en ligne. Ce site dynamique gère :

• un système de news à la manière un blog avec un calendrier
• une demande de commande par mail
• un système de galerie photo
• une newsletter

Pour la galerie photo, j'ai utilisé la framework Javascript Mootools, une ligthbox nommée Milkbox. Cela ajout un effet visuel dynamique au site plutôt agréable. De plus, le système de galerie est un "parseur" de dossiers et de fichiers de type image. Ainsi, les galeries se construisent avec une "simple" arborescence de fichiers.

A la page "contact", j'ai mis un plan grâce à GoogleMap.

Le foyer d'animations et de loisirs de Thônes organise tous les ans un festival du film des résistances. Après avoir développé leur site pour le foyer, on m'a demandé de refaire le site pour le festival. Ce site dynamique gère :

• le programme du festival en cours : films, conférences, expositions et autres évènements dans plusieurs salles de la régions
• les tarifs
• les partenaires
• une historisation des festivals avec un bilan sur la fréquentation et photos

Le back-office permet donc de gérer de nombreuses données et des fonctionnalités intéressantes :

• uploads d'images
• choix de couleur pour la légende du programme. Il s'agit en fait d'un outils pour aller chercher un code hexadécimal grâce à une palette de couleurs

Le design du site a été souhaité simple et sobre par le foyer.

Et enfin, pour faciliter le référencement, je me suis entre autre intéressé à l'URL Rewriting.

Par exemple : http://www.rencontres-resistances.com/fiche-film-36.html pointe en réalité vers l'adresse : http://www.rencontres-resistances.com/index.php?page=fiche_film&film=36.

Malheureusement, je ne peux pas adapter ce système d'URL Rewriting sur mes autres réalisations comme ce blog, mod_rewrite n'étant pas disponible sur Free.fr.

Dans le cadre de ma recherche d'emploi, j'ai intégré un club de jeunes diplômé dans le but de mieux appréhender le tissu socio-économique de la région, d'obtenir des informations et des conseils auprès des professionnels, d'établir un contact dans différentes structures et se faire connaître.

J'ai donc décidé de créer un site internet pour nous aider à nous faire connaître et à faire perdurer ce club. Ce site dynamique gère :

• des utilisateurs du site
• la possibilité de créer des CV par secteur d’activité
• des offres d’emploi pour les entreprises
• inscription pour

J'ai créé pour la première fois des flux RSS afin d'être rapidement informé des nouveautés du site. Je pense adapter ce système à d'autres sites web, notamment pour les projets de ce blog.

Edit 23/06/2008 : J'ai adapté le script de flux RSS pour les réalisations de ce blog .

Un groupe de musique de reggae de la région d'Annecy Dia'n'totila, avait besoin d'un site vitrine. Avec Folly, un ami, nous avons créé un site internet dynamique avec un Back Office pour une mise à jour aisée. Le site gère :

• un système de news,
• une discographie,
• un système de galerie photo avec compteur de vision de photo, (Upload dans le Back Office)
• des dates de concert,
• les administrateurs.

Le Back Office donne également une estimation du nombre de photo restante possible, en déterminant la capicité du serveur.

Grâce à mon premier site sur les Sales Majestés, le chanteur m'a contacté. Après plusieurs échanges, il m'a proposé de m'occuper du site de son nouveau groupe : Juge Fulton. En réalité, le groupe possédait déjà un site internet statique créé par Sebdos. Après avoir déterminé les besoins de mise à jour, j'ai créé un Back Office avec :

• un système de news,
• la possibilité de modifier la Biographie,
• la gestion des administrateurs,
• upload de photos

Sebdos avait mis en place un forum de type phpBB. Le forum étant fortement spamé, je l'ai remis à zéro en lui donnant un nouveau skin s'approchant de celui du site. Malheureusement, depuis sa remise à zéro, il se fait toujours spamé et la gestion des utilisateurs indésirables est très lourde dans ces forums : il faut les supprimer uns à uns. J'ai le projet de modifier la partie administration du forum pour supprimé en bloc les spammeurs.

Edit 15/03/2008 : J'ai ajouté un module de suppression en bloc des utilisateurs à la partie administration du forum phpBB. Cela me permet de gérer avec plus de facilité les spammeurs.

Lors de ma première année de BTS Informatique de Gestion à Saint-Michel à Annecy (74), j'ai appris les bases du langage de transcription HTML. J'ai décidé de mettre en application ce que j'avais appris en créant un site internet. J'ai choisi le thème du groupe de musique : "les Sales Majestés", car il s'agit d'un groupe peu connu et il était presque inexistant sur le web. Grâce au stage effectué au foyer d'animation de Thônes, je me suis formé au langage de programmation PHP/MySQL. J'ai donc décidé de modifier le site avec une partie administration, ou "Back Office", me permettant de le mettre à jour beaucoup plus rapidement. Ce site se compose de plusieurs parties :

• Accueil : Système de news, gestion des remerciements,
• Paroles : Gestion des albums et des morceaux,
• Download : Gestion de fichiers en téléchargement, compteur de téléchargement, Visionnage de vidéos avec une adaptation de fichiers Flash, upload dans le Back Office,
• Photos : Gestion de galerie d'image, compteur de vision des images, upload dans le Back Office,
• Forum : Utilisation des forums phpBB,
• Shop : Boutique en ligne
• Concert : liste des dates de concerts
• Liens : Gestion de liens avec bannière, inscription à une newsletter, upload dans le Back Office

Le site contient également dans le Back Office :

• Un compteur de visite, de visiteur connecté
• Utilisation de fichier XML pour créer une playliste : les internautes peuvent écouter les morceaux du groupe. Pour cela, le script scan un fichier sur le serveur et est utilisé par un fichier Flash.
• Envoi de mail aux inscrits à la newsletter

Pour l'anecdote, j'ai rencontré le groupe grâce à ce site.

Edit du 3/09/2008 : J'ai entièrement transformé le site pour le remettre "à la mode" en changeant de graphisme. Les frames supprimées, un template composé de div a vu le jour. J'ai également amélioré le référencement. Pour cela, en plus de ne plus utiliser de frames, j'ai géré dynamiquement le contenu des balises et . C'est à dire que chaque page possède son titre, sa description et ses mots clés. Il a donc fallut modifier en conséquence toutes les pages. J'en ai profité pour ajouter quelques fonctionnalités comme un flux RSS pour le système de news. Pour ceux qui voudrait voir l'ancienne version : ancien graphisme

Edit octobre 2010 : J'ai créé la page facebook des sales majestés à laquelle j'ai créé des onglets personnalisés :

• Actualités
• Vidéos
• Application bandcamp
• Widget de la boutique en ligne

Edit mai 2012 : On avait mis en place un système de vente par correspondance. J'avais créé une module de gestion d'articles, les internautes téléchargeaient un PDF et l'envoyaient au groupe. Afin de moderniser le système, j'ai installé une boutique en ligne. Après un long benchmarking, il s'est avéré que la boutique Ecwid fut la plus adapté. J'ai bon espoir pour voir un jour un paiement en ligne. Le groupe n'a pas encore de compte paypal ou equivalent.

Edit décembre 2012 : J'ai créé une évolution de la partie concert avec une carte intéractive basée sur le plugin JQuery gmap3 basé sur google map API v3.
Je me suis rendu compte que 10% des internautes étaient des mobinautes. J'ai donc adapté rapidement la CSS du site pour le rendre un peu plus lisible sur les smartphones.

J'ai développé ce site avec backoffice maison dans le but de mettre mon CV en ligne et les projets informatiques auxquels j'ai participé. Il reste modeste et simple avec son projet.

Edit décembre 2012 : Le site fait peau neuve avec une refonte graphique et amélioration du module avec plusieurs effets CSS3 et javascripts. L'instauration de microdata également et un effort pour le référencement avec ses balise meta, sitemap ...